<!-- 定义网页根元素为html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--在浏览器标签栏出现公司logo-->
		<link rel="icon" href="img/tit.png">
		<title>2019毕业实习</title>
	</head>
	<body>
		<h2>表单-项目开发必用-律师档案创建</h2>
		  <form action="tit.html" action="post">
		   用户名 <input type="text" placeholder="请输入用户名"/> 
		   <br>
		   密码<input type="password"/>
		   <br>
		   生日<input type="date"/>
		   <br>
		   性别<input type="radio" name="gender"/>男
		       <input type="radio" name="gender"/>女
		    <br>
		   籍贯<select>
		    <option>西安</option>
		    <option>大连</option>
		    <option>山西</option>
		   </select>
		   <br>
		   爱好<input type="checkbox"/>踢球
		   <input type="checkbox"/>旅游
		   <input type="checkbox"/>游戏
		   <br>
		   照片<input type="file"/>
		   <br>
		   备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
		    <br>
		    <input type="submit" value="注册"/>
		    <input type="reset" value="重填"/>
		  </form>
		  <h2>超链接</h2>
		  <a href="tit.html">太原工业学院</a>
		  <br>
		  <a href="https://pvp.qq.com">王者荣耀</a>
		  <h2>图片</h2>
		    <img src="img/tit.png" width="50px"/>
		    <h2>表格</h2>
		    <table border="1px" width="500px">
				<tr>
					<td>车次</td>
					<td>出发站</td>
					<td>历时</td>
					<td>
						<button>预定</button>
					</td>
				</tr>
				<tr>
					<td>G01</td>
					<td>太原南</td>
					<td>2小时15分</td>
					<td>
						<button>预定</button>
					</td>
				</tr>
				<tr>
					<td>G01</td>
					<td>太原南</td>
					<td>2小时15分</td>
					<td>
						<button>预定</button>
					</td>
				</tr>
				<tr>
					<td>G01</td>
					<td>太原南</td>
					<td>2小时15分</td>
					<td>
						<button>预定</button>
					</td>
				</tr>
			</table>
			<h2>DIV使用</h2>
			<div>
				太原工业学院、理学系、计算机系、王主任、张老师等；
				DIV是放东西的，放什么由程序员自己决定
			</div>
			<h2>span用法</h2>
			  <input type="text"/><span style="color: red;">用户名不能为空</span>
			  <h2>列表-有序列表和无序列表</h2>
			  <!-- 无序列表 -->
			  <ul>
				  <li>数据科学与大数据技术</li>
				  <li>软件工程</li>
				  <li>物联网工程</li>
			  </ul>
			  <!-- 有序列表 -->
			  <ol>
			  				  <li>数据科学与大数据技术</li>
			  				  <li>软件工程</li>
			  				  <li>物联网工程</li>
			  </ol>
	</body>
</html>
